<%@ page language="java" pageEncoding="UTF-8" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>gaoli-smartlife</title>
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/datepicker3.css" rel="stylesheet">
    <link href="../css/styles.css" rel="stylesheet">
    <link href="../css/c3.css" rel="stylesheet" type="text/css">

    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script src="../js/c3.js"></script>
    <script src="../js/html5shiv.js"></script>
    <script src="../js/respond.min.js"></script>
</head>

<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header"><a class="navbar-brand" href="#"><span>gaoli</span>后台控制</a>
            <ul class="user-menu">
                <li class="dropdown pull-right"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><span
                        class="glyphicon glyphicon-user"></span> 用户 <span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#"><span class="glyphicon glyphicon-user"></span> 个人资料</a></li>
                        <li><a href="#"><span class="glyphicon glyphicon-cog"></span> 设置</a></li>
                        <li><a href="#"><span class="glyphicon glyphicon-log-out"></span> 布局</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <!-- /.container-fluid -->
</nav>

<div id="sidebar-collapse" class="col-sm-3 col-lg-2 sidebar">
    <form role="search">
        <div class="form-group">
            <input type="text" class="form-control" placeholder="搜索">
        </div>
    </form>
    <ul class="nav menu">
        <li><a href="index"><span class="glyphicon glyphicon-dashboard"></span> 主页面</a></li>
        <li class="active"><a href="arm"><span class="glyphicon glyphicon-th"></span> 机械臂</a></li>
        <%--
        <li><a href="charts.html"><span class="glyphicon glyphicon-stats"></span> Charts</a></li>
        --%>
        <%--
        <li><a href="tables.html"><span class="glyphicon glyphicon-list-alt"></span> Tables</a></li>
        --%>
        <%--
        <li><a href="forms.html"><span class="glyphicon glyphicon-pencil"></span> Forms</a></li>
        --%>
        <%--
        <li><a href="panels.html"><span class="glyphicon glyphicon-info-sign"></span> Alerts &amp; Panels</a></li>
        --%>
        <%--
        <li class="parent "><a href="#"> <span class="glyphicon glyphicon-list"></span> Dropdown
            <span--
            %>
            <%--data-toggle="collapse" href="#sub-item-1" class="icon pull-right">
            <em--
            %>
            <%--class="glyphicon glyphicon-s glyphicon-plus"></em></span> </a>--%>
        <%--
        <ul class="children collapse" id="sub-item-1">--%>
        <%--
        <li><a class="" href="#"> <span class="glyphicon glyphicon-share-alt"></span> Sub Item 1 </a></li>
        --%>
        <%--
        <li><a class="" href="#"> <span class="glyphicon glyphicon-share-alt"></span> Sub Item 2 </a></li>
        --%>
        <%--
        <li><a class="" href="#"> <span class="glyphicon glyphicon-share-alt"></span> Sub Item 3 </a></li>
        --%>
        <%--
    </ul>
    --%>
        <%--
    </li>
    --%>
        <%--
        <li role="presentation" class="divider"></li>
        --%>
        <%--
        <li><a href="login.html"><span class="glyphicon glyphicon-user"></span> Login Page</a></li>
        --%>
    </ul>
</div>
<!--/.sidebar-->

<div class="col-sm-9 col-sm-offset-3 col-lg-10 col-lg-offset-2 main">
    <div class="row">
        <ol class="breadcrumb">
            <li><a href="#"><span class="glyphicon glyphicon-hand-up"></span></a></li>
            <li class="active">机械臂控制</li>
        </ol>
    </div>
    <!--/.主页-->

    <div class="row">
        <div class="col-lg-12">
            <h1 class="page-header">机械臂云台控制</h1>
        </div>
    </div>
    <!--/.欢迎-->

    <div class="row">
        <div class="col-lg-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <font size="6" color="#008b8b">控制</font>
                </div>

                <div class="panel-body">
                    <div class="container-fluid">
                        <div class="row-fluid">
                            <div class="span3">
                            </div>
                            <div class="span3">
                                <button class="btn btn-large btn-success" type="button" align="center">抬升</button>
                            </div>
                            <div class="span3">
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="span3">
                            </div>
                            <div class="span3">
                                <br>
                                <br>
                            </div>
                            <div class="span3">
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="span3">
                            </div>
                            <div class="span3">
                                <button class="btn btn-large btn-success" type="button" align="center">下降</button>
                            </div>
                            <div class="span3">
                            </div>
                        </div>
                    </div>
                </div>


            </div>

        </div>
    </div>
</div>

<!--/.main-->

<script src="../js/jquery-1.11.1.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/chart.min.js"></script>
<script src="../js/chart-data.js"></script>
<script src="../js/easypiechart.js"></script>
<script src="../js/easypiechart-data.js"></script>
<script src="../js/bootstrap-datepicker.js"></script>

</body>
</html>
